<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">	
	<link rel="stylesheet" href="CSS/global.css">	
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
	<script src="http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js"></script>
	<script src="JS/slides.min.jquery.js"></script>
	<script>
		$(function(){
			$('#slides').slides({
				preload: true,
				preloadImage: 'img/loading.gif',
				play: 5000,
				pause: 2500,
				hoverPause: true
			});
		});
	</script>
</head>
<body>
	<div id="container">
		<div id="example">
			<div id="slides">
				<div class="slides_container">
<?php
		include_once 'dataBaseConnectivityFile.php';
		$sql_get=mysql_query("select * from vehicle_image where STOCK_ID=".$_REQUEST['stock_id']." order by VEHICLE_IMAGE_ID asc");
 			if (!$sql_get)
 			{
    			echo 'Could not run query: '.mysql_error();
			}

			while ($db_field=mysql_fetch_assoc($sql_get))
                {
 					$PATH=$db_field['PATH'];
 					?>
					<img src="<?php echo $PATH?>" width="387px" height="198px;">
		<?php                 
                }		 
		?>									
				</div>
				<a href="#" class="prev"><img src="img/arrow-prev.png" width="24" height="43" alt="Arrow Prev"></a>
				<a href="#" class="next"><img src="img/arrow-next.png" width="24" height="43" alt="Arrow Next"></a>
			</div>
			<img src="img/example-frame.png" width="400" height="341" alt="Example Frame" id="frame">
		</div>
	</div>
</body>
</html>
